<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>蜗壳后台管理系统</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">


</head>

<body>
    <!-- 总框架，里面放导航栏，管理员信息头，操作空间三部分 -->
    <div id="etms-div" class="container-fluid">
        <!-- 导航栏 -->
        <div id="etms-nav">
            <!-- 导航头：蜗壳考试培训管理系统 -->
            <div class="etms-module module-head">
                蜗壳考试培训管理系统
            </div>
            <!-- 导航头 end -->
            <!-- 课程管理 -->
            <div class="etms-module" @click="open(0)">
                <span class="module-text">
						<i style="font-size:24px" class="fa fa-youtube-play fa-fw"></i>&nbsp; 课程管理
					</span>
                <i style="font-size:24px" class="fa fa-angle-up fa-fw" :style="{transform:course.arrow}"></i>
            </div>
            <!-- 课程管理 end -->
            <!-- 课程管理菜单 -->
            <div class="module-menus" :style="{display:course.display}">
                <div class="menu-item" onclick="loadHtml(this)" href="courseCategory.html">课程分类</div>
                <div class="menu-item" onclick="loadHtml(this)" href="courseLibrary.html">课程库</div>
                <div class="menu-item" onclick="loadHtml(this)" href="findcourseware.html">课件库</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourse.html">添加课程</div>
                <div class="menu-item" onclick="loadHtml(this)" href="upload.html">添加课件</div>
                <div class="menu-item" onclick="loadHtml(this)" href="draftBox.html">草稿箱</div>
            </div>
            <!-- 课程管理菜单 end -->
            <!-- 考试管理 -->
            <div class="etms-module" @click="open(1)">
                <span class="module-text">
						<i style="font-size:24px" class="fa fa-pencil fa-fw"></i>&nbsp; 考试管理
					</span>
                <i style="font-size:24px" class="fa fa-angle-up fa-fw" :style="{transform:exam.arrow}"></i>
            </div>
            <!-- 考试管理 end -->
            <!-- 考试管理菜单 -->
            <div class="module-menus" :style="{display:exam.display}">
                <div class="menu-item" onclick="loadHtml(this)" href="courseCategory.html">考试模块</div>
                <div class="menu-item" onclick="loadHtml(this)" href="courseLibrary.html">考试模块</div>
                <div class="menu-item" onclick="loadHtml(this)" href="coursewareLibrary.html">考试模块</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourse.html">考试模块</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourseware.html">考试模块</div>
                <div class="menu-item" onclick="loadHtml(this)" href="draftBox.html">考试模块</div>
            </div>
            <!-- 考试管理菜单 end -->
            <!-- 学习地图 -->
            <div class="etms-module" @click="open(2)">
                <span class="module-text">
						<i style="font-size:24px" class="fa fa-map-o fa-fw"></i>&nbsp; 学习地图
					</span>
                <i style="font-size:24px" class="fa fa-angle-up fa-fw" :style="{transform:learnMap.arrow}"></i>
            </div>
            <!-- 学习地图 end -->
            <!-- 学习地图菜单 -->
            <div class="module-menus" :style="{display:learnMap.display}">
                <div class="menu-item" onclick="loadHtml(this)" href="courseCategory.html">学习地图</div>
                <div class="menu-item" onclick="loadHtml(this)" href="courseLibrary.html">学习地图</div>
                <div class="menu-item" onclick="loadHtml(this)" href="coursewareLibrary.html">学习地图</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourse.html">学习地图</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourseware.html">学习地图</div>
                <div class="menu-item" onclick="loadHtml(this)" href="draftBox.html">学习地图</div>
            </div>
            <!-- 学习地图菜单 end -->
            <!-- 讲师管理 -->
            <div class="etms-module" @click="open(3)">
                <span class="module-text">
						<i style="font-size:24px" class="fa fa-user fa-fw"></i>&nbsp; 讲师管理
					</span>
                <i style="font-size:24px" class="fa fa-angle-up fa-fw" :style="{transform:teacher.arrow}"></i>
            </div>
            <!-- 讲师管理 end -->
            <!-- 讲师管理菜单 -->
            <div class="module-menus" :style="{display:teacher.display}">
                <div class="menu-item" onclick="loadHtml(this)" href="courseCategory.html">讲师管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="courseLibrary.html">讲师管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="coursewareLibrary.html">讲师管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourse.html">讲师管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourseware.html">讲师管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="draftBox.html">讲师管理</div>
            </div>
            <!-- 讲师管理菜单 end -->
            <!-- 档案管理 -->
            <div class="etms-module" @click="open(4)">
                <span class="module-text">
						<i style="font-size:24px" class="fa fa-file-text fa-fw"></i>&nbsp; 档案管理
					</span>
                <i style="font-size:24px" class="fa fa-angle-up fa-fw" :style="{transform:dossier.arrow}"></i>
            </div>
            <!-- 档案管理 end -->
            <!-- 档案管理菜单 -->
            <div class="module-menus" :style="{display:dossier.display}">
                <div class="menu-item" onclick="loadHtml(this)" href="courseCategory.html">档案管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="courseLibrary.html">档案管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="coursewareLibrary.html">档案管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourse.html">档案管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourseware.html">档案管理</div>
                <div class="menu-item" onclick="loadHtml(this)" href="draftBox.html">档案管理</div>
            </div>
            <!-- 档案管理菜单 end -->
            <!-- 数据统计 -->
            <div class="etms-module" @click="open(5)">
                <span class="module-text">
						<i style="font-size:24px" class="fa fa-bar-chart fa-fw"></i>&nbsp; 数据统计
					</span>
                <i style="font-size:24px" class="fa fa-angle-up fa-fw" :style="{transform:dataModule.arrow}"></i>
            </div>
            <!-- 数据统计 end -->
            <!-- 数据统计菜单 -->
            <div class="module-menus" :style="{display:dataModule.display}">
                <div class="menu-item" onclick="loadHtml(this)" href="courseCategory.html">数据统计</div>
                <div class="menu-item" onclick="loadHtml(this)" href="courseLibrary.html">数据统计</div>
                <div class="menu-item" onclick="loadHtml(this)" href="coursewareLibrary.html">数据统计</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourse.html">数据统计</div>
                <div class="menu-item" onclick="loadHtml(this)" href="newCourseware.html">数据统计</div>
                <div class="menu-item" onclick="loadHtml(this)" href="draftBox.html">数据统计</div>
            </div>
            <!-- 数据统计菜单 end -->

        </div>
        <!-- 导航栏 end -->
        <!-- 信息和操作空间 -->
        <div id="etms-customer">
            <!-- 信息 -->
            <div id="etms-info">
                <div id="admin">
                    <div id="admin-avatar"><img src="img/xys.jpg"></div>
                    <div id="admin-aname">管理员01</div>
                </div>
                <div class="info-item"><i class="fa fa-bell-o fa-1x"></i></div>
                <div class="info-item"><i class="fa fa-search fa-1x"></i></div>
            </div>
            <!-- 信息 end -->
            <!-- 操作空间（由导航栏链接动态加载） -->
            <iframe id="etms-workspace">
					<p style="font-size: 30px;color: #0069d9;">欢迎来到蜗壳后台管理系统</p>
				</iframe>
            <!-- 操作空间 end -->
        </div>
        <!-- 信息和操作空间 end -->
    </div>
    <!-- 总框架 end -->

    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/axios.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
        function loadHtml(element) {
            $("#etms-workspace").attr("src", $(element).attr("href"));
        }
    </script>
</body>

</html>